<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
        <div style="width:1120px;height:1300px;margin:auto">
           <!-- title -->
            <div><b style="font-size:40px">标题</b></div>
            <div>
                <span>发布者:</span><span>张三</span><span style="margin-left:20px">发布时间:2017/11/20</span><span style="margin-left:20px">访问量：20</span>
            </div>
           <!-- content -->
           <div style="width:100%;height:600px;background:bisque"></div>
            <!-- review     -->
            <div>
                <ul>
                        <li class="row" style="vertical-align: middle;border-bottom:1px solid gray;list-style: none;align-content: center;">
                                <!-- <p class="touxiang" style="display:inline-block;border-radius:5px;background:gray;width:5%;text-align:center;line-height:50%;align:center">12</p> -->
                               
                                <div>
                                    <p class="col-xs-4 col-offset-xs-1" style="align-content:center;" id="left">
                                        
                                        <img src="imgs/share.jpg" style="height:80px;border-radius:10px;float:left;" alt="头像" /> 
                                    </p>
                                    <div class="col-xs-6" class="tiezi" id="right">
                                        <a href="card_detail?id=${c.t_id }" target="_parent">
                                            <B>用户名</B>
                                        </a>
                                        <br />
                                        <p style="width: 660px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">评论内容
                                        </p>
            
                                        <div class="pinglun">
                                            <p>&nbsp;&nbsp;日期 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                </br>
                                                <br>
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="row" style="vertical-align: middle;border-bottom:1px solid gray;list-style: none;align-content: center;">
                                    <!-- <p class="touxiang" style="display:inline-block;border-radius:5px;background:gray;width:5%;text-align:center;line-height:50%;align:center">12</p> -->
                                   
                                    <div>
                                        <p class="col-xs-4 col-offset-xs-1" style="align-content:center;" id="left">
                                            
                                            <img src="imgs/share.jpg" style="height:80px;border-radius:10px;float:left;" alt="头像" /> 
                                        </p>
                                        <div class="col-xs-6" class="tiezi" id="right">
                                            <a href="card_detail?id=${c.t_id }" target="_parent">
                                                <B>用户名</B>
                                            </a>
                                            <br />
                                            <p style="width: 660px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap">评论内容
                                            </p>
                
                                            <div class="pinglun">
                                                <p>&nbsp;&nbsp;日期 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                                    </br>
                                                    <br>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                </ul>
            </div>
        </div>
</body>
</html>